<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>01.js的引入和打印</title>
    <script src="./js/a.js">
        console.log("xxxxxxxxxxxx");
    </script>
    <!-- 引入js -->
    <script type="text/javascript">
        alert("hello world!")
        // 我是一个单行注释
        /*
           我是一个多行注释 
        */
        /**
         * 我是一个文档注释
         */
        console.log("hello world!")   //  普通打印
        console.info("hello world!")
        console.error("hello world!") //  错误打印 
        console.warn("hello world!")  //  警告打印
    </script>
    <script type="text/javascript">
        // 我是一个单行注释
        /*
           我是一个多行注释 
        */
        /**
         * 我是一个文档注释 
         */
        alert("hello world2!")
        console.log("hello world2!") // 普通打印
        console.info("hello world2!")
        console.error("hello world2!") // 错误打印 
        console.warn("hello world2!") // 警告打印
    </script>

    <!-- <style></style>
    <link rel="stylesheet" href="style.css"> -->
    <!-- 
       样式引入方式: 
          1. 行内样式 style  作用于当前行  
          2. 内嵌样式   作用当前页面 
          3. 外联样式   作用域引入的css
       js 引入方式 
          1. 行内引入 作用于当前行  【通过事件进行绑定】 略过
          2. 内部引入   作用当前页面 
          3. 外联样式   作用域引入的js  如果外联方式 那么script标签内容不解析的  只会找src执行的js文件
       查看效果：
         main   系统打印输出  System.out.println("hello world!")   
                             System.err.println("hello world!") 

      js 的打印：
         控制台的打印  console.info/log()  console.error()   console.warn()
         弹出层的打印  alert()

     -->
</head>

<body>

</body>

</html>